<template>
  <div class="index">
    <a-card :bordered="false" style="border-radius:8px;padding: 40px;margin-bottom: 14px;" :bodyStyle="{padding:0}">
      <div class="flex row_center col_center flex_wrap">
        <a-input-search
          placeholder="输入你想知道的问题"
          enter-button="搜索答案"
          size="large"
          class="br8i"
          v-model="search"
          style="min-width: 250px;max-width:440px;border-radius: 8px;margin-right: 5px;"
          @search="onSearch"
        />
        <a-button type="link">
          我要提问
        </a-button>
      </div>
    </a-card>
    <router-view ></router-view>
  </div>
</template>
<script>
  export default {
    name: 'Index',
    data () {
      return {
        search: ''
      }
    },
    computed: {},
    created () {

    },
    mounted () {

    },
    methods: {
      onSearch (value) {
        console.log(value, this.search)
      }
    }
  }
</script>
<style lang='less' scoped>
  .index {
      min-height:100vh
  }
</style>
